<template>
<div >
<!--  <TopBar></TopBar>-->
  <Sidebar class="sidebar"></Sidebar>
  <div class="main" :style="{left: collapse ? '64px' : '200px'}">
     <keep-alive :include="tagComponent">
     <router-view class="main-cont"></router-view>
     </keep-alive>
     </div>
</div>
</template>

<script>
import Sidebar from "@/components/Sidebar.vue";
// import TopBar from "@/components/TopBar.vue";
export default {
  name: "center",
  components: {Sidebar}
}
</script>

<style scoped lang="less">
 .sidebar, .main {
   position: absolute;
   top: 60px;
   bottom: 0;
   left: 0;
   }
 .main {
  left: 200px;
   right: 0;
   padding: 20px;
   overflow: auto;
   transition: left .3s ease-in-out;
   }
 .main-cont {
  margin-top: 40px;
   }
 /*.wrapper {*/
 /*   position: relative;*/
 /*   height: 100%;*/
 /*   overflow: hidden;*/
 /*   background-color: #eee;*/
 /*   }*/
</style>